vscode格式化代码设置问题

jarryyou
  • 1
新手上路,请多包涵

如何设置vscode可以使其在格式化代码时满足以下要求:
1.vue文件中添加方法名后面的空格;
2.使用单引号;
3.去除行末分号;
4.去除多余逗号;

我遇到的问题:

当满足条件1时,必须将vetur.format.defaultFormatter.js设置为vscode-typescript,格式化代码时,将不会执行prettier相关的设置,即不会满足234等条件。

如图:
image.png

回复
阅读 55
1 个回答
2234839
  • 2
新手上路,请多包涵

你好,我使用 volar 来提供 vue 文件的语法提示等支持,
在使用如下方式初始化项目

❯ npm init @vitejs/app
√ Project name: ... test
√ Select a framework: » vue
√ Select a variant: » vue-ts

然后在项目的根目录下创建 .prettierrc 文件
内容为:

{
    "singleQuote": true,
    "semi": false,
    "trailingComma": "none"
}

再对 vue 文件进行格式化即可实现你所提出的四点要求

格式化前: 格式化前

格式化后: 格式化后